<!DOCTYPE HTML>
<#--
/**
 * Copyright 2012 Claude Houle claude.houle@gmail.com
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-->
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=IE8" />
		<meta http-equiv="pragma" content="no-cache" />
		<meta http-equiv="cache-control" content="no-cache" />
		<meta http-equiv="expires" content="0" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link rel="shortcut icon" href="/favicon.ico" />
		<script type="text/javascript" src="/libs/jquery/jquery-1.7.1.min.js"></script>
		<script type="text/javascript">
			$().ready( function(){
				var idx = 0;
				setInterval( function() {
					var textValue = "test " + idx;
					idx++;
					$('p').replaceWith('<p><input type="text" value="'+textValue+'" /></p>').remove();
					$('input').change( function(){ alert('blah'); } );
				}, 1);
			});
		</script>
		<title>DEMO</title>
	</head>
	<body>
		<p>test</p>
	</body>
</html>